<template>
  <div class="profit2">
    <img src="../../assets/img/sad.png" alt="" width="83" height="95">
    <div>
      <p>网络并没有连接...</p>
      <h3 @click="reload">重新加载..</h3>
    </div>
  </div>
</template>

<script>
export default {
  props: {

  },
  components: {

  },
  methods: {
    reload () {
      this.$store.state.networkState = navigator.onLine
      this.$emit('reload')
    }
  },
  data () {
    return {

    }
  },
  created () {

  }
}
</script>

<style scoped lang="less">
.profit2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.profit2 p{
  margin-top: 10px;
}
.profit2 h3{
  text-align: center;
  color: #6379F8;
}
</style>